<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<title>SMUSE打蝌蚪游戏排行榜</title>
<link rel="stylesheet" href="<%=basePath%>static/rankings/css/normalize3.0.2.min.css" />
<link rel="stylesheet" href="<%=basePath%>static/rankings/css/css.css" />
<style type="text/css">
    .backgroud-img{  
	    background-image: url(<%=basePath%>static/rankings/images/bg.png);  
	    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
	    -moz-background-size:100% 100%;  
	    background-size:100% 100%;  
    }  
</style>
</head>
<body>
	<div class="backgroud-img" style="height: 70%;">
		<!-- <div align="center" class="head_title" style="height: 40px;">
			<span style="vertical-align:middle; margin-top: 20px;">排行榜</span>
		</div> -->
		<img src="<%=basePath%>static/rankings/images/bg.png" width="0" height="0"/>
		<div align="center" style="vertical-align: middle; margin-top: 8px;">
			<div id="acceptbutton" style="width: 130px; height: 35px; background-color: #FFE240; border-radius: 5px;">
				<div style="display:inline-block; margin-top: 8px;">
					<a onclick="gotoRankingResult('${pageData.m_id}','${pageData.p_id}','${pageData.award_amount}');" style="font-size: 18px; color: #D76437;">点击领奖</a>
				</div>
			</div>
			
	    	<div id="time1" style="width: 140px; height: 35px; background-color: #FFE240; border-radius: 5px;">
	    		<div style="display:inline-block; margin-top: 10px;">
			        <!-- <span id="day" style="color: #EFEFEF; font-size: 14px;"></span>
			        <span style="color: #8A8A8A; font-size: 14px;">&nbsp;天</span> -->
			        
			        <span id="hour" style="color: #D76437; font-size: 14px;"></span>
			        <span style="color: #8A8A8A; font-size: 14px;">&nbsp;时</span>
			        
			        <span id="minute" style="color: #D76437; font-size: 14px;"></span>
			        <span style="color: #8A8A8A; font-size: 14px;">&nbsp;分</span>
			        
			        <span id="second" style="color: #D76437; font-size: 14px;"></span>
			        <span style="color: #8A8A8A; font-size: 14px;">&nbsp;秒</span>
		        </div>
	    	</div>
	    	
	    	<div id="rankingresult" style="font-size: 16px; display: none;">
				<span style="color: white">恭喜你在本次游戏中获得</span>
				<span style="color: #FFE240;">1朵初吻币</span>
			</div>
		</div>
		
		<div align="center" style="font-size: 12px; color: white; margin-top: 10px;">
			<c:if test="${theFirstThreeList[0].username == null || theFirstThreeList[1].username == null || theFirstThreeList[2].username == null}">
				<span style="display: block;">游戏截止时间：<fmt:formatDate value="${pageData.rank_valid_time }" pattern="yyyy-MM-dd HH:mm:ss"/> </span>
				<span style="display: block; margin-top: 5px;">领奖截止时间：<fmt:formatDate value="${pageData.get_award_valid_time }" pattern="yyyy-MM-dd HH:mm:ss"/></span>
			</c:if>
		</div>
		
		<%-- <c:choose>
		<c:when test="${not empty theFirstThreeList}"> --%>
		<div style="margin:auto auto;text-align:center; margin-top: 1px; vertical-align: middle;"  >
			<div style="display:inline-block; vertical-align: middle; text-align:right; margin-right: 10px;">
				<div>
					<div style="display:inline-block;  text-align: right;vertical-align: middle;  color: white; margin-bottom: 10px;">
						<span style="display:block; margin:5px 0;">
							${theFirstThreeList[2].username}
							<c:if test="${theFirstThreeList[2].username != null}">
								<c:choose>
									<c:when test="${theFirstThreeList[2].gender == 1 }">
										<img src="<%=basePath%>static/rankings/images/girl_white.png" style="width:13px;height:13px;" />
									</c:when>
									<c:otherwise>
										<img src="<%=basePath%>static/rankings/images/boy_white.png" style="width:13px;height:13px;" />
									</c:otherwise>
								</c:choose>
							</c:if>
						</span>
						<c:if test="${theFirstThreeList[2].username != null}">
							<c:if test="${theFirstThreeList[2].age == null && theFirstThreeList[2].constellation == null}">
								<div style="margin-bottom: 20px;">
								<span style="margin:0px 0; margin-right: 15px;">
									${theFirstThreeList[2].age}  ${theFirstThreeList[2].constellation}
									<!-- 25 狮子座 -->
								</span>
								</div>
							</c:if>
							<c:if test="${theFirstThreeList[2].age != null || theFirstThreeList[2].constellation != null}">
							<div style="margin-bottom: 5px;">
							<span style="margin:5px 0; margin-right: 15px;">
								${theFirstThreeList[2].age}  ${theFirstThreeList[2].constellation}
								<!-- 25 狮子座 -->
							</span>
							</div>
							</c:if>
						</c:if>
					</div>
					<c:if test="${theFirstThreeList[2].username != null}">
						<div style="display:inline-block; vertical-align: middle; margin-right: 15px;">
							<span>
								<img src="<%=basePath%>static/rankings/images/daoxian_zuo.png"  width="20px" height="29px" />
							</span>
						</div>
					</c:if>
				</div>
				<div style="vertical-align: middle;">
					<c:if test="${theFirstThreeList[2].username != null}">
						<span style="vertical-align: middle; margin-right: 9px;">
							<img src="<%=basePath%>static/rankings/images/tongguan.png"  width="25px" height="10px"/>
						</span>
					</c:if>
					<span style="display:block; vertical-align: middle;">
						<%-- <img src="<%=basePath%>static/rankings/images/wait.png"  width="40px" style="padding: 5px; 5px;"/> --%>
						<c:if test="${theFirstThreeList[2].head_icon == null && theFirstThreeList[1].head_icon != null}">
							<div style="margin-right: 0px; margin-left: 60px; margin-top: 20px;">
								<div style="position: relative;">
								  	<img src="<%=basePath%>static/rankings/images/dengnilai.png"  width="40px" height="40px" style="border-radius:50%; background-color: white"/> 
								</div>
							</div>
						</c:if>
						<c:if test="${theFirstThreeList[2].head_icon == null && theFirstThreeList[1].head_icon == null}">
							<div style="margin-right: 10px;">
								<div style="position: relative;">
								  	<img src="<%=basePath%>static/rankings/images/dengnilai.png"  width="40px" height="40px" style="border-radius:50%; background-color: white"/> 
								</div>
							</div>
						</c:if>
						<c:if test="${theFirstThreeList[2].head_icon != null}">
							<div>
								<div style="position: relative;">
								  	<div style="position: absolute; left: 25px; right: 0px; top: 30px; bottom: 0px;"> 
								  		<c:if test="${theFirstThreeList[2].member_rate != null && theFirstThreeList[2].member_rate == 1}">
								    		<img src="<%=basePath%>static/rankings/images/lv1_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								    	<c:if test="${theFirstThreeList[2].member_rate != null && theFirstThreeList[2].member_rate == 2}">
								    		<img src="<%=basePath%>static/rankings/images/lv2_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								    	<c:if test="${theFirstThreeList[2].member_rate != null && theFirstThreeList[2].member_rate == 3}">
								    		<img src="<%=basePath%>static/rankings/images/lv3_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								  	</div>
								  	<img src="http://www.maibow.cn:8088/maibow-manage/${theFirstThreeList[2].head_icon}"  width="40px" height="40px" style="border-radius:50%;"/> 
								</div>
							</div>
						</c:if>
					</span>
					<c:if test="${theFirstThreeList[2].username != null}">
						<span style="display:block; text-align: right; margin: 5px; color: #FFE240">
							第三名
						</span>
						<span style="display:block; text-align: right; margin: 5px; color: white;">
							${theFirstThreeList[2].quantity == null ? "0" : theFirstThreeList[2].quantity} <img src="<%=basePath%>static/rankings/images/rose_white.png"  width="13px"/>
						</span>
					</c:if>
					<c:if test="${theFirstThreeList[2].username == null && theFirstThreeList[1].username != null}">
						<span style="display:block; text-align: right; margin: 5px; color: white; margin-right: 3px;">
							第三名
						</span>
					</c:if>
					<c:if test="${theFirstThreeList[2].username == null && theFirstThreeList[1].username == null}">
						<span style="display:block; text-align: right; margin: 5px; color: white; margin-right: 12px;">
							第三名
						</span>
					</c:if>
				</div>
			</div>
			
			<c:if test="${theFirstThreeList[1].username != null}">
				<div style="display:inline-block; vertical-align: middle;">
					<div style="position: relative;">
					  	<div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 20px;"> 
					    	<img src="<%=basePath%>static/rankings/images/chunying.png"  width="100px" height="90px" /> 
					  	</div>
					  	<img src="http://www.maibow.cn:8088/maibow-manage/${ownerPageData.head_icon}"  width="80px" height="80px" style="border-radius:50%;"/>
					</div>
				</div>
			</c:if>
			<c:if test="${theFirstThreeList[1].username == null}">
				<div style="display:inline-block; vertical-align: middle; margin-top: 10px;">
				<div style="position: relative;">
				  	<div style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 20px;"> 
				    	<img src="<%=basePath%>static/rankings/images/chunying.png"  width="100px" height="90px" /> 
				  	</div>
				  	<c:if test="${ownerPageData.head_icon != null}">
				  		<img src="http://www.maibow.cn:8088/maibow-manage/${ownerPageData.head_icon}"  width="80px" height="80px" style="border-radius:50%;"/>
				  	</c:if>
				  	<c:if test="${ownerPageData.head_icon == null}">
				  		<img src="<%=basePath%>static/rankings/images/dengnilai.png"  width="80px" height="80px" style="border-radius:50%;background-color: white"/>
				  	</c:if>
				</div>
			</div>
			</c:if>
			
			<div style="display:inline-block; vertical-align: middle; text-align:left; margin-left: 10px; ">
				<div style="text-align: left;"  >
					<c:if test="${theFirstThreeList[1].username != null}">
					<div style="display:inline-block; vertical-align: middle; margin-left: 20px; ">
						<span>
							<img src="<%=basePath%>static/rankings/images/daoxian_you.png"  width="20px" height="29px"/>
						</span>
					</div>
					</c:if>
					<div style="display:inline-block;  text-align: left;vertical-align: middle; color: white; margin-bottom: 10px;">
						<span style="display:block; margin:5px 0;">
							${theFirstThreeList[1].username}
							<c:if test="${theFirstThreeList[1].username != null}">
								<c:choose>
									<c:when test="${theFirstThreeList[1].gender == 1 }">
										<img src="<%=basePath%>static/rankings/images/girl_white.png" style="width:13px;height:13px;" />
									</c:when>
									<c:otherwise>
										<img src="<%=basePath%>static/rankings/images/boy_white.png" style="width:13px;height:13px;" />
									</c:otherwise>
								</c:choose>
							</c:if>
						</span>
						<c:if test="${theFirstThreeList[1].username != null}">
							<c:if test="${theFirstThreeList[1].age == null && theFirstThreeList[1].constellation == null}">
								<div style="margin-bottom: 20px;">
									<span style="margin:5px 0;">
										${theFirstThreeList[1].age}  ${theFirstThreeList[1].constellation}
										<!-- 25 狮子座 -->
									</span>
								</div>
							</c:if>
							<c:if test="${theFirstThreeList[1].age != null || theFirstThreeList[1].constellation != null}">
								<div style="margin-bottom: 5px;">
									<span style="margin:5px 0;">
										${theFirstThreeList[1].age}  ${theFirstThreeList[1].constellation}
										<!-- 25 狮子座 -->
									</span>
								</div>
							</c:if>
						</c:if>
					</div>
				</div>
				<div>
					<c:if test="${theFirstThreeList[1].username != null}">
					<span style="vertical-align: middle; margin-left: 6px">
						<img src="<%=basePath%>static/rankings/images/yinguan.png"  width="25px" height="10px"/>
					</span>
					</c:if>
					<span style="display:block; vertical-align: middle;">
						<c:if test="${theFirstThreeList[1].head_icon == null}">
							<div style="margin-left: 10px;">
								<div style="position: relative;">
								  	<img src="<%=basePath%>static/rankings/images/dengnilai.png"  width="40px" height="40px" style="border-radius:50%; background-color: white"/> 
								</div>
							</div>
						</c:if>
						<c:if test="${theFirstThreeList[1].head_icon != null}">
							<div>
								<div style="position: relative;">
								  	<div style="position: absolute; left: 25px; right: 0px; top: 30px; bottom: 0px;"> 
								    	<c:if test="${theFirstThreeList[1].member_rate != null && theFirstThreeList[1].member_rate == 1}">
								    		<img src="<%=basePath%>static/rankings/images/lv1_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								    	<c:if test="${theFirstThreeList[1].member_rate != null && theFirstThreeList[1].member_rate == 2}">
								    		<img src="<%=basePath%>static/rankings/images/lv2_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								    	<c:if test="${theFirstThreeList[1].member_rate != null && theFirstThreeList[1].member_rate == 3}">
								    		<img src="<%=basePath%>static/rankings/images/lv3_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								  	</div>
								  	<img src="http://www.maibow.cn:8088/maibow-manage/${theFirstThreeList[1].head_icon}"  width="40px" height="40px" style="border-radius:50%;"/> 
								</div>
							</div>
						</c:if>
					</span>
					<c:if test="${theFirstThreeList[1].username != null}">
						<span style="display:block; text-align: left; margin: 5px; color: #FFE240">
							第二名
						</span>
						<span style="display:block; text-align: left; margin: 5px; color: white;">
							${theFirstThreeList[1].quantity == null ? "0" : theFirstThreeList[1].quantity}	<img src="<%=basePath%>static/rankings/images/rose_white.png"  width="13px"/>
						</span>
					</c:if>
					<c:if test="${theFirstThreeList[1].username == null}">
						<span style="display:block; text-align: left; margin: 5px; color: white; margin-left: 12px;">
							第二名
						</span>
					</c:if>
				</div>
			</div>
			
			<div align="center" style="vertical-align: top;">
				<div>
					<div style="float:left; width: 44%;">
						&nbsp;
					</div>
					<div align="left" style="vertical-align: top;"  >
						<div style="display:inline-block; vertical-align: top;">
							<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null && theFirstThreeList[1].username == null}">
								<div style="margin-top: 10px;">
								<span style="vertical-align: middle; margin-left: 6px;">
									<img src="<%=basePath%>static/rankings/images/jinguan.png"  width="25px" height="10px" />
								</span>
								</div>
							</c:if>
							<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null && theFirstThreeList[1].username != null}">
								<div style="margin-top: 0px;">
								<span style="vertical-align: middle; margin-left: 6px;">
									<img src="<%=basePath%>static/rankings/images/jinguan.png"  width="25px" height="10px" />
								</span>
								</div>
							</c:if>
							
							<span style="display:block; vertical-align: top;">
								<c:if test="${theFirstThreeList[0].head_icon == null || theFirstThreeList[0].quantity == null}">
									<div style="margin-top: 15px; margin-left:3px; ">
										<div style="position: relative;">
										  	<img src="<%=basePath%>static/rankings/images/dengnilai.png"  width="40px" height="40px" style="border-radius:50%; background-color: white"/> 
										</div>
									</div>
								</c:if>
								<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null}">
									<c:if test="${theFirstThreeList[0].head_icon != null}">
										<div>
											<div style="position: relative;">
											  	<div style="position: absolute; left: 25px; right: 0px; top: 30px; bottom: 0px;"> 
											    	<c:if test="${theFirstThreeList[0].member_rate != null && theFirstThreeList[0].member_rate == 1}">
											    		<img src="<%=basePath%>static/rankings/images/lv1_orange.png" style="width:13px;height:13px;" />
											    	</c:if>
											    	<c:if test="${theFirstThreeList[0].member_rate != null && theFirstThreeList[0].member_rate == 2}">
											    		<img src="<%=basePath%>static/rankings/images/lv2_orange.png" style="width:13px;height:13px;" />
											    	</c:if>
											    	<c:if test="${theFirstThreeList[0].member_rate != null && theFirstThreeList[0].member_rate == 3}">
											    		<img src="<%=basePath%>static/rankings/images/lv3_orange.png" style="width:13px;height:13px;" />
											    	</c:if>
											  	</div>
											  	<img src="http://www.maibow.cn:8088/maibow-manage/${theFirstThreeList[0].head_icon}"  width="40px" height="40px" style="border-radius:50%;"/> 
											</div>
										</div>
									</c:if>
								</c:if>
							</span>
						</div>
						<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null}">
						<div style="display:inline-block; vertical-align: bottom; margin-bottom: 10px;">
							<span>
								<img src="<%=basePath%>static/rankings/images/daoxian_zhi.png"  width="25px" height="7px"/>
							</span>
						</div>
						</c:if>
						<div style="display:inline-block;  text-align: left; vertical-align: bottom; margin-bottom: 5px; color: white;">
							<span style="display:block; margin:5px 0;">
								<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null}">
								${theFirstThreeList[0].username} 
									<c:choose>
										<c:when test="${theFirstThreeList[0].gender == 1 }">
											<img src="<%=basePath%>static/rankings/images/girl_white.png" style="width:13px;height:13px;" />
										</c:when>
										<c:otherwise>
											<img src="<%=basePath%>static/rankings/images/boy_white.png" style="width:13px;height:13px;" />
										</c:otherwise>
									</c:choose>
								</c:if>
							</span>
							<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null}">
							<span style="margin:5px 0;">
								${theFirstThreeList[0].age}  ${theFirstThreeList[0].constellation}
								<!-- 25 狮子座 -->
							</span>
							</c:if>
						</div>
					</div>
				</div>
				<div>
					<c:if test="${theFirstThreeList[0].username != null && theFirstThreeList[0].quantity != null}">
						<span style="display:block; text-align: center; margin: 5px; color: #FFE240;">
							第一名
						</span>
						<span style="display:block; text-align: center; margin: 5px; color: white;">
							${theFirstThreeList[0].quantity == null ? "0" : theFirstThreeList[0].quantity} <img src="<%=basePath%>static/rankings/images/rose_white.png"  width="13px"/>
						</span>
					</c:if>
					<c:if test="${theFirstThreeList[0].username == null || theFirstThreeList[0].quantity == null}">
						<span style="display:block; text-align: center; margin: 5px; margin-left:8px; color: white;">
							第一名
						</span>
					</c:if>
				</div>
			</div>
		</div>
		<%-- </c:when>
		</c:choose> --%>
	</div>
	
	<div style="background-color:white; height: 30%;">
		<div style="background-color:#EDEDED;">
			<section class="box">
			     <section class="col_1_title" style="margin-left: 13px;">用户</section>
			     <section class="col_2_title">战绩(只)</section>
			     <section class="col_3_title">奖励(初吻币)</section>
		    </section>
	  	<!-- <section id="ranking_list" style="background-color:white;"> -->
	  		<c:if test="${ownerPageData.username != null}">
	  		<section class="box_new_first">
	  			<section class="col_1_new">
			   		<div style="margin:13px auto 5px 5px;text-align:left;"  >
						<div style="display:inline-block; vertical-align: middle; margin-top: 5px;">
							<div style="position: relative;">
							  	<div style="position: absolute; left: 25px; right: 0px; top: 30px; bottom: 0px;"> 
							    	<c:if test="${ownerPageData.member_rate != null && ownerPageData.member_rate == 1}">
							    		<img src="<%=basePath%>static/rankings/images/lv1_orange.png" style="width:13px;height:13px;" />
							    	</c:if>
							    	<c:if test="${ownerPageData.member_rate != null && ownerPageData.member_rate == 2}">
							    		<img src="<%=basePath%>static/rankings/images/lv2_orange.png" style="width:13px;height:13px;" />
							    	</c:if>
							    	<c:if test="${ownerPageData.member_rate != null && ownerPageData.member_rate == 3}">
							    		<img src="<%=basePath%>static/rankings/images/lv3_orange.png" style="width:13px;height:13px;" />
							    	</c:if>
							  	</div>
							  	<img src="http://www.maibow.cn:8088/maibow-manage/${ownerPageData.head_icon}"  width="40px" height="40px" style="border-radius:50%;"/> 
							</div>
						</div>
						<div style="display:inline-block;  text-align: left;vertical-align: middle;">
							<span style="display:block; margin:5px 0; color: #424242; font-size: 14px;">
								${ownerPageData.username} 
								<c:choose>
									<c:when test="${ownerPageData.gender == 1 }">
										<img src="<%=basePath%>static/rankings/images/girl_red.png" style="width:13px;height:13px;" />
									</c:when>
									<c:otherwise>
										<img src="<%=basePath%>static/rankings/images/boy_blue.png" style="width:13px;height:13px;" />
									</c:otherwise>
								</c:choose>
							</span>
							<span style="margin:5px 0; color: #8A8A8A; font-size: 12px;">
								${ownerPageData.age}  ${ownerPageData.constellation}
								<!-- 25 狮子座 -->
							</span>
						</div>
					</div>
				</section>
				<section class="col_2_new">
						<c:if test="${ownerPageData.owner_rankings == null}">
						<div style="margin:20px auto 5px 5px;text-align:left; margin-left: 15px;"  >
							<div style="display:inline-block;  text-align: left;vertical-align: middle;">
								<span style="margin:5px 0; text-align: center; font-size: 14px; vertical-align: middle;">
									${ownerPageData.ext_game_score}
								</span>
							</div>
						</div>
						</c:if>
						<c:if test="${ownerPageData.owner_rankings != null}">
							<div style="margin:5px auto 5px 5px;text-align:left;"  >
								<div style="display:inline-block;  text-align: left;vertical-align: middle;">
									<span style="display:block; margin:5px 0; text-align: center; font-size: 14px;">
										${ownerPageData.ext_game_score}
									</span>
									<span style="margin:5px 0; text-align: center; color: #8A8A8A; font-size: 12px;">
										第${ownerPageData.owner_rankings}名
									</span>
								</div>
							</div>
						</c:if>
					</section>
		     	<section class="col_3_new">
			     	<span style="margin:5px 13px; text-align: center;">
			     		<c:choose>
							<c:when test="${ownerPageData.quantity != null && ownerPageData.quantity != 0}">
								<span style="font-size: 14px;">
				     				${ownerPageData.quantity}
				     			</span>
				     			<span style="margin:5px 0;">
				     				<img src="<%=basePath%>static/rankings/images/rose_red.png"  width="13px"/>
				     			</span>
				     		</c:when>
				     		<c:otherwise>
				     			<span style="color: #8A8A8A; font-size: 14px;">期待中</span>
				     		</c:otherwise>
			     		</c:choose>
		     		</span>
		     	</section>
	     	</section>
	     	</c:if>
	     	<div style="background-color:#F1F1F1; height: 1px;"></div>
     	</div>
     	<div style="background-color:white;">
	  		<c:choose>
			<c:when test="${not empty theLastThreeList}">
				<c:forEach items="${theLastThreeList}" var="var" varStatus="vs">
			  		<section class="box_new">
						<section class="col_1_new">
				   		<div style="margin:5px auto 5px 5px;text-align:left;"  >
							<div style="display:inline-block; vertical-align: middle; margin-top: 5px;">
								<div style="position: relative;">
								  	<div style="position: absolute; left: 25px; right: 0px; top: 30px; bottom: 0px;"> 
								    	<c:if test="${var.member_rate != null && var.member_rate == 1}">
								    		<img src="<%=basePath%>static/rankings/images/lv1_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								    	<c:if test="${var.member_rate != null && var.member_rate == 2}">
								    		<img src="<%=basePath%>static/rankings/images/lv2_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								    	<c:if test="${var.member_rate != null && var.member_rate == 3}">
								    		<img src="<%=basePath%>static/rankings/images/lv3_orange.png" style="width:13px;height:13px;" />
								    	</c:if>
								  	</div>
								  	<img src="http://www.maibow.cn:8088/maibow-manage/${var.head_icon}"  width="40px" height="40px" style="border-radius:50%;"/> 
								</div>
							</div>
							<div style="display:inline-block;  text-align: left;vertical-align: middle;">
								<span style="display:block; margin:5px 0; color: #424242; font-size: 14px;">
									${var.username} 
									<c:choose>
										<c:when test="${var.gender == 1 }">
											<img src="<%=basePath%>static/rankings/images/girl_red.png" style="width:13px;height:13px;" />
										</c:when>
										<c:otherwise>
											<img src="<%=basePath%>static/rankings/images/boy_blue.png" style="width:13px;height:13px;" />
										</c:otherwise>
									</c:choose>
								</span>
								<span style="margin:5px 0; color: #8A8A8A; font-size: 12px;">
									${var.age}  ${var.constellation}
									<!-- 25 狮子座 -->
								</span>
							</div>
						</div>
					</section>
					<section class="col_2_new">
						<div style="margin:5px auto 5px 5px;text-align:left;"  >
							<div style="display:inline-block;  text-align: left;vertical-align: middle;">
								<span style="display:block; margin:5px 0; text-align: center; font-size: 14px;">
									${var.ext_game_score}
								</span>
								<span style="margin:5px 0; text-align: center; color: #8A8A8A; font-size: 12px;">
									第${vs.index + 4}名
								</span>
							</div>
						</div>
					</section>
			     	<section class="col_3_new">
				     	<span style="margin:5px 13px; text-align: center;">
				     		<c:choose>
								<c:when test="${var.quantity != null && var.quantity != 0}">
									<span style="font-size: 14px;">
					     				${var.quantity}
					     			</span>
					     			<span style="margin:5px 0;">
					     				<img src="<%=basePath%>static/rankings/images/rose_red.png"  width="13px"/>
					     			</span>
					     		</c:when>
					     		<c:otherwise>
					     			<span style="color: #8A8A8A; font-size: 14px;">期待中</span>
					     		</c:otherwise>
				     		</c:choose>
			     		</span>
			     	</section>
		     	</section>
		     	<div align="center">
		     		<hr width="90%" color=#CECECE size="1px"/>
		     	</div>
	     		</c:forEach>
	   		</c:when>
	     	</c:choose>
     	</div>
	  	<!-- </section> -->
	 </div>
	 
	 <script type="text/javascript">
		var overa;
		var yearstr = ${pageData.year};
		var monthstr = ${pageData.month};
		var daystr = ${pageData.day};
		var hoursstr = ${pageData.hours};
		var minutestr = ${pageData.minute};
		var secondsstr = ${pageData.seconds};
		overa = new Date(yearstr, monthstr, daystr, hoursstr, minutestr, secondsstr);//倒计时时间（PS：月数要-1，原因你懂得）
		var localNow = new Date();
		function clock1() {
			var local = new Date();
			var intDiff = overa.getTime() - local.getTime();
			if (intDiff <= 0) {
				document.getElementById('time1').style.display="none";//显示活动结束 .innerHTML = "活动已经结束了";
				document.getElementById('acceptbutton').style.display="block";
				return false;
			}
			document.getElementById('acceptbutton').style.display="none";
			var day = Math.floor(intDiff / (1000 * 60 * 60 * 24));
			var hour = Math.floor(intDiff / (1000 * 60 * 60))
					- (day * 24);
			var minute = Math.floor(intDiff / (1000 * 60))
					- (day * 24 * 60) - (hour * 60);
			var second = Math.floor(intDiff / 1000)
					- (day * 24 * 60 * 60) - (hour * 60 * 60)
					- (minute * 60);
			if (day <= 9)
				day = '0' + day;
			if (hour <= 9)
				hour = '0' + hour;
			if (minute <= 9)
				minute = '0' + minute;
			if (second <= 9)
				second = '0' + second;
			//document.getElementById('day').innerHTML = day.toString();
			document.getElementById('hour').innerHTML = hour.toString();
			document.getElementById('minute').innerHTML = minute.toString();
			document.getElementById('second').innerHTML = second.toString();
			setTimeout("clock1()", 1000);
		}
		clock1();
		
		
		//新增
		function gotoRankingResult(m_id, p_id, award_amount){
			//alert(m_id + " " + award_amount);
			window.location.href='http://www.maibow.cn:8088/maibow-manage/api/download.do?m_id=' + m_id + '&p_id=' + p_id + '&award_amount=' + award_amount;
		}
	</script>
</body>
</html>
